$(".cir").each(function (index, ele) {
    $(ele).click(function () {
        $(ele).css({
            "background-color": "#000",
            "color": "#fff"
        }).siblings().css({
            "background-color": "transparent",
            "color": "#000"
        })
        $($(".pop li")[index]).css({
            "opacity": "1"
        }).siblings().css({
            "opacity": "0"
        })
    })
})


var a = 0;
function fun() {
    ml = setInterval(function () {
        if (a >= 2) {
            a = 0
            $($(".cir")[a]).css({
                "background-color": "#000",
                "color": "#fff"
            }).siblings().css({
                "background-color": "transparent",
                "color": "#000"
            })
            $($(".pop li")[a]).css({
                "opacity": "1"
            }).siblings().css({
                "opacity": "0"
            })
        } else {
            a++;
            $($(".cir")[a]).css({
                "background-color": "#000",
                "color": "#fff"
            }).siblings().css({
                "background-color": "transparent",
                "color": "#000"
            })
            $($(".pop li")[a]).css({
                "opacity": "1"
            }).siblings().css({
                "opacity": "0"
            })

        }
    }, 5000)
}
fun();
$(".banner").mouseover(function(){
    clearInterval(ml);
})
$(".banner").mouseout(function(){
    fun();
})

$(".mu").each(function (index, ele) {
    $(ele).click(function () {
        $(ele).css({
            "background-color": "#000",
            "color": "#fff"
        }).siblings().css({
            "background-color": "gray",
            "color": "#000"
        })
        $($(".oul li")[index]).css({
            "opacity": "1"
        }).siblings().css({
            "opacity": "0"
        })
    })
})


var aa = 0;
function fun1() {
    mm = setInterval(function () {
        if (aa >= 1) {
            aa = 0
            $($(".mu")[aa]).css({
                "background-color": "#000",
            }).siblings().css({
                "background-color": "gray",
            })
            $($(".oul li")[aa]).css({
                "opacity": "1"
            }).siblings().css({
                "opacity": "0"
            })
        } else {
            aa++;
            $($(".mu")[aa]).css({
                "background-color": "#000",
            }).siblings().css({
                "background-color": "gray",
            })
            $($(".oul li")[aa]).css({
                "opacity": "1"
            }).siblings().css({
                "opacity": "0"
            })

        }
    }, 5000);
}
fun1();
$(".ba").mouseover(function(){
    clearInterval(mm);
})
$(".ba").mouseout(function(){
    fun1();
})



$(".side-oul>li").each(function (index, ele) {
    $(ele).hover(function () {
        $($(ele).children().eq(1)).css({
            "visibility": "visible",
            "left": -92,
        })
    },
        function () {
            $($(ele).children().eq(1)).css({
                "left": -121,
                "visibility": "hidden",
            })
        })
})
$(".side-oul>div").each(function (index, ele) {
    $(ele).hover(function () {
        $($(ele).eq(0).eq(1)).css({
            "visibility": "visible",
            "left": -92,
        })
    },
        function () {
            $($(ele).eq(0).eq(1)).css({
                "left": -121,
                "visibility": "hidden",
            })
        })
})




// 回顶部
$('.hdingbu').click(function () {
    $('body,html').animate({
        scrollTop: 0,
    })
})

$('.side-buttom').hover(function () {
    $('#center').css({
        "visibility": "visible",
        "left": -92,
    })
},
    function () {
        $('#center').css({
            "left": -121,
            "visibility": "hidden",
        })

    })

$(".pyt>ul>li").mouseover(function () {
    $(this).children("a").children(".lk").children(".vll").stop().animate({
        "height": "30px",
    }, 100)
})

$(".pyt>ul>li").mouseleave(function () {
    $(this).children("a").children(".lk").children(".vll").stop().animate({
        "height": "0px",
    }, 100)
})




$(".abc").click(function(){
    $(".pb").css({
        "display":"block"
    })
})


$(".pb-hd i").click(function(){
    $(".pb").css({
        "display":"none"
    })
})